<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<div  id="fudong" class="fudong">
    <!--<div  @clcik="toshangchuan"  @mouseover="enter(0)"  @mouseout="leave(0)"><img  :src="imgs[0]"    /><p     href="">上传试卷</p></div>-->
    <div @mouseover="enter(1)"  @mouseout="leave(1)"  ><img  :src="imgs[1]"/><p    href="https://map.qq.com/api/js?v=2.exp&key=ZBOBZ-JCICJ-4MDFF-FNLBW-5MCEK-23FWX&libraries=drawing,geometry,place,convertor,visualization">在线咨询</p></div>
    <div @mouseover="enter(2)"  @mouseout="leave(2)"><img  :src="imgs[2]"  /><p     href="">咨询电话</p></div>
    <div   @mouseover="enter(3)"  @mouseout="leave(3)"class="go-top"   ><img  :src="imgs[3]"    /><p     href="">返回顶部</p></div>
    <span  class="phonesdd"  v-if="state==true">{{phone}}</span>
</div>

</body>
<script src="js/vue.js"></script>
<script src="js/jquery.3.3.1.min.js"></script>
<script>

    $(document).on("click",".go-top",function () {
        $(window).scrollTop(0);
    })

  var vue=  new  Vue({
        el:"#fudong",
        data:{
            indexs:0,
            state:false,
            phone:"058-3633418",
            img:["http://bzt.cybwnt.com/uploads/zhongxue/webshijuand.png","http://bzt.cybwnt.com/uploads/zhongxue/webzixun.png","http://bzt.cybwnt.com/uploads/zhongxue/webphone.png","http://bzt.cybwnt.com/uploads/zhongxue/webtop.png"],
            imgs:["http://bzt.cybwnt.com/uploads/zhongxue/webshijuand.png","http://bzt.cybwnt.com/uploads/zhongxue/webzixun.png","http://bzt.cybwnt.com/uploads/zhongxue/webphone.png","http://bzt.cybwnt.com/uploads/zhongxue/webtop.png"],
            imgsd:["http://bzt.cybwnt.com/uploads/zhongxue/webshijuand1.png","http://bzt.cybwnt.com/uploads/zhongxue/webzixun1.png","http://bzt.cybwnt.com/uploads/zhongxue/webphone1.png","http://bzt.cybwnt.com/uploads/zhongxue/webtop1.png"]
          },
      methods:{
          enter:function (e) {
              this.$set(this.imgs,e,this.imgsd[e])
              if(e==2){
                  this.state=true
              }
          },

          leave:function (e) {
              this.$set(this.imgs,e,this.img[e])
              if(e==2){
                  this.state=false
              }

          }


      }
    })

</script>
</html>